<!-- 引入公共部分 -->
{{extend '../common/layout.html'}}

{{block 'link'}}
<!-- 添加css链接 -->
    <link rel="stylesheet" href="/static/admin/css/index.css">
    <link rel="stylesheet" href="/static/layui-v2.6.8/layui/css/layui.css">
    <link rel="stylesheet" href="/static/admin/css/bootstrap.min.css">
    <!-- <link rel="stylesheet" href="/static/admin/css/users.css"> -->
    <!-- <link rel="icon" href="/public/image/logo.png"/> -->
{{/block}}
{{block 'main'}}
<!-- body代码 -->
<!-- 头部代码 -->
    {{include '../common/header.html'}}
<div class=" layui-row" id="content">
    <!-- 侧边栏 -->
    {{include '../common/aside.html'}}
    <!-- 主题区域 -->
    <div class="layui-col-md10" id="right">
        <div id="nav">
            <!-- <a href="">面试管理</a> -->
            <span ><b>面试管理</b></span>
        </div>
        <div class="content">
            <div id="right_top" >
                <button class="layui-btn layui-btn-danger" style="line-height:30px"  onclick="delUsersFun()">删除</button>
                <button class="layui-btn layui-btn-normal" style="line-height:30px"  onclick="goTableFun()">导出</button>
                <button class="layui-btn layui-btn-warm" style="line-height:30px" onclick="addUsers()">增加</button>
                <input type="search" id="search_input"  onfocus="onfocusFun()" style="height:35px" onblur="onblurFun()" placeholder="输入姓名" onclick="">
                <select name="findFlag" id="findFlag" onchange="fliterFlag()">
                    <option value="0" checked="checked">姓名</option>
                    <option value="1">班级</option>
                </select>
                <button class="btn" style="color: black;line-height:30px;background-color: white;" onclick="seekUsersFun()">查找</button>
                <select name="status" style="transform: translateY(3px)" id="filter" onchange="filterSort()">
                    <option value="所有人">所有人</option>
                    <option value="待笔试">待笔试</option>
                    <option value="待面试">待面试</option>
                    <option value="待二面">待二面</option>
                    <option value="待三面">待三面</option>
                    <option value="已录取">已录取</option>
                    <option value="已淘汰">已淘汰</option>
                </select>
                <!-- <button class="btn layui-btn-warm" id="filter_btn" onclick="filterSort()">筛选</button> -->
                <button class="layui-btn" style="line-height:30px" onclick="location.reload();">重置</button>
                <button class="layui-btn" style="line-height:30px;background-color:#12c6f8" onclick="changeStateMore()">批量设置状态</button>
            </div>
            <div id="right_wrap">
                <p class="findP" style="display: none;position: absolute;left: 25px;top: 140px;"></p>

                <table lay-even class="layui-table" > 
                    <thead>
                        <tr>
                          <td><input type="checkbox" id="checkAll" onclick="checkAllFun()"></td>
                          <td>姓名</td>
                          <td>班级</td>
                          <td>学号</td>
                          <td>状态</td>
                          <td>操作</td>
                        </tr> 
                    </thead>
                    <tbody id="tybody">
                        <!-- <tr>
                            <td><input type="checkbox" class="checkbox"  onclick="checkboxFun()" target="${i}"  name="${key._id}"></td>
                            <td>${key.nickname}</td>
                            <td>${key.flag}</td>
                            <td>${key.email}</td>
                            <td>
                                <button class="layui-btn layui-btn-sm layui-btn-sm" onclick="operateFun()" flag="1" target="${i}" name="${key._id}">
                                    变更
                                </button>
                                <button class="layui-btn layui-btn-danger layui-btn-sm" onclick="operateFun()" flag="2" name="${key._id}">
                                    删除
                    
                                </button>
                                <button class="layui-btn layui-btn-warm  layui-btn-sm" target="${i}" onclick="operateFun()" flag="3" name="${key._id}">
                                    开始面试
                                </button>
                            </td>
                        </tr> -->
                    </tbody>
                    
                </table>
                
            </div>
            <div class="nav_bottom">
                <div id="demo7"></div>
            </div>
        </div>
    </div>
</div>
<!--增加面试者弹窗-->
<div id="addUsersBtn">
    <h4 class="layui-bg-green">添加面试者</h4>
    <span id="change_cancleA"  onclick="closeCheckWindow()"class="layui-icon layui-icon-close"  ></span>
    <div class="addForm">
        <div class="add">
            姓名:<input type="text" class="addInput">
        </div>
        <div class="add">
            性别:<select name="gender" id="sex" class="addInput">
                <option value="" style="color: #b2b2b2;">选择您的性别</option>
                <option value="男">男</option>
                <option value="女">女</option>
            </select>
        </div>
        <div class="add">
            班级:<input type="text" class="addInput">
        </div>
        <div class="add">
            学号:<input type="text" class="addInput">
        </div>
        <div class="add">
            电话:<input type="text" class="addInput" id="tel">
        </div>
        <div class="add">
            Q Q :<input type="text" class="addInput">
        </div>
    </div>
    <button class="layui-btn layui-btn-danger" id="change_cancel" onclick="closeCheckWindow()">取消</button>
    <button class="layui-btn layui-btn-normal" id="change_ok" onclick="judgeAdd()">确定</button>
</div>
<div id="cover_div" onclick="closeAddWindow()"></div>
<!-- 查看面试者信息详情 -->
<div id="checkDetails">
    <h4 class="layui-bg-green">查看详情</h4>
    <span id="change_cancleA"  onclick="closeCheckWindow()"class="layui-icon layui-icon-close"  ></span>
    <!-- <ul class="change_ul">
        <li class="change_li"  onclick="chooseStatusFun()">待笔试</li>
        <li class="change_li"  onclick="chooseStatusFun()">待面试</li>
        <li class="change_li"  onclick="chooseStatusFun()">待二面</li>
        <li class="change_li"  onclick="chooseStatusFun()">待三面</li>
        <li class="change_li"  onclick="chooseStatusFun()">录取</li>
        <li class="change_li"  onclick="chooseStatusFun()">淘汰</li>
    </ul> -->
    
    <div class="checkForm">
        <form id='infoForm'>
            <div class="check">
                姓名:<input name='name' type="text" autocomplete='off'  class="infoInput" >
            </div>
            <div class="check">
                性别:<input name='sex' autocomplete='off' maxlength="1" placeholder="男或女" type="text" class="infoInput">
            </div>
            <div class="check">
                班级:<input name='classes' autocomplete='off' type="text" class="infoInput" >
            </div>
            <div class="check">
                学号:<input name='studentId' autocomplete='off' id="studentIdA"  maxlength="11" type="text" class="infoInput" >
            </div>
            <div class="check">
                电话:<input name='Telephone' autocomplete='off'  maxlength="11" type="text" class="infoInput" >
            </div>
            <div class="check">
                Q Q :<input name='qq' autocomplete='off' type="text" class="infoInput" >
            </div>
            <div class="check">
                状态:<input type="text"  class="infoInput" style="cursor: not-allowed;" disabled>
            </div>
            <div class="check">
                地点:<input type="text" class="infoInput" style="cursor: not-allowed;" disabled>
            </div>
            <div class="check">
                时间:<input type="text" class="infoInput" style="cursor: not-allowed;" disabled>
            </div>      
        </form>
        <button class="layui-btn layui-btn-danger" id="change_cancel" onclick="closeChangeWindowFun()">取消</button>
        <button class="layui-btn layui-btn-normal" id="change_ok" onclick="changeInfoOkFun()">修改</button>
    </div>
    
    
    <!-- <button class="layui-btn layui-btn-danger" id="change_cancel" onclick="closeCheckWindow()">取消</button>
    <button class="layui-btn layui-btn-normal" id="change_ok" onclick="checkOk()">更改</button> -->
</div>
<div id="cover_div" onclick="closeCheckWindow()"></div>
<!-- 变更面试者状态弹窗 -->
<div id="changeWindow">
    <h4 class="layui-bg-green">更改状态</h4>
    <span id="change_cancleA"  onclick="closeChangeWindowFun()" class="layui-icon layui-icon-close" ></span>
    <ul class="change_ul">
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">待笔试</li>
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">待面试</li>
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">待二面</li>
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">待三面</li>
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">录取</li>
        <span class="layui-icon layui-icon-ok right" style="font-size: 22px; position: absolute;left: 10px; line-height: 40px;color: white;display: none;"></span> <li class="change_li"  onclick="chooseStatusFun()">淘汰</li>
    </ul>
    <button class="layui-btn layui-btn-danger" id="change_cancel" onclick="closeChangeWindowFun()">取消</button>
    <button class="layui-btn layui-btn-normal" target='0' id="change_ok" onclick="changeOkFun()">更改</button>
</div>
<div id="cover_div" onclick="closeChangeWindowFun()"></div>

<form action="interview" method="post" id="goInterviewForm">
    <input type="hidden" name="id" id="goInterviewInput">
</form>

<div id="cover_div" onclick="cancleDelFun()" ></div>
<div id=windowDiv>
    <h4 class="layui-bg-green" >删除面试者</h4>
    <span id="change_cancleA"  onclick="cancleDelFun()" class="layui-icon layui-icon-close"></span>
    <hr>
    <div id="windowDiv_wrap">
        是否确认删除？
    </div>
    <button class="layui-btn layui-btn-danger" id="cancleDel" onclick="cancleDelFun()" style="background-color: #1E9FFF;">取消</button>
    <button class="layui-btn layui-btn-normal" id="submitDel" onclick="submitDelFun()" style="background-color: #FF5722;">删除</button>
</div>

<!-- 评论展示 -->
<div id="interviewWindow">
    <div id='interviewHeader'>
        <h4>通信212张三的评论</h4>
    </div>
    <span id="change_cancleA" style="margin-top:20px"  onclick="closeAddWindow()" class="layui-icon layui-icon-close"></span>
    <table lay-even class="layui-table" > 
        <thead>
            <tr>
              <td>面试官</td>
              <td>评论</td>
              <td>状态</td>
            </tr> 
        </thead>
        <tbody id="tybodyA">
            
        </tbody>
        
    </table>
</div>
{{/block}}
    
    



{{block 'script'}}
<!-- 添加js代码 -->
    <script src="/static/layui-v2.6.8/layui/layui.js"></script>
    <script src="/static/admin/js/index.js"></script>
    <!-- <script></script> -->
{{/block }}
